<template>
    <div class="personalPageHome">
    <el-row>
      <el-col :span="24">
        <HeadNav />
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <PersonalHeadImage :fatherMsg="fatherMsg"/>
      </el-col>
    </el-row>
    <div class="personalPageMain">
      <el-row class="InfoRow">
        <!-- <el-page-header @back="goBack"> </el-page-header>  -->
      </el-row>
      <el-row>
        <!-- 注册主页 -->
        <EnrollMain />
      </el-row>
      <!-- <el-row type="flex" class="row-bg" justify="center" style="border: 1px solid red">
        <el-col :span="6">底部 </el-col>
      </el-row> -->
    </div>
  </div>
</template>
<script>
import HeadNav from '@/components/HeadNav.vue'
import PersonalHeadImage from '@/components/personalPage/personalHeadImage.vue'
// import EnrollMain from '@/components/enrollPage/EnrollMain.vue'
import EnrollMain from '@/components/enrollPage/EnrollMain'

// import UserAccount from '@/components/personalPage/UserAccount.vue'
export default {
  name: 'PersonalPageView',
  data() {
    return {
      fatherMsg: '用户注册',
    }
  },
  components: {
    HeadNav,
    PersonalHeadImage,
    EnrollMain,
  },
}
</script>
<style scoped>
/* 百分比板 */
.personalPageHome {
  widows: 100%;
}
/* 尺寸板 */
.personalPageMain {
  margin: auto;
  width: 80%;
  /* border: 1px solid red; */
}
/* 详情行 */
.InfoRow {
  margin: 10px 0px;
}
</style>